* {
    margin: 0;
    padding: 0;
}

html,body {
    height: 100%;
}

#box {
    height: 100%;
    background-color: #f3f3f4;
}

#index {
    height: 100%;
}

#left , #right {
    height: 100%;
}

#left {
    background-color: #2f4050;
    color: #f0f0f0;
    overflow-y: auto;
}

#administrator {
    background-color: #243644;
    height: 160px;
    color: #DFE4ED;
    display: flex;
    justify-content:center;
    align-items:center;
    padding: 0;

}

#administrator img{
    width: 80px;
    border-radius: 50px;
}

#administrator h6 , #administrator li {
    text-align: center;
}

#left nav {
    padding: 0;
}

.nav_menu {
    display: none;
}

.nav_menu li {
    list-style: none;
    height: 45px;
    padding: 15px;
    height: 100%;
    color: #a7b1c2;
}

.nav_menu > li {
    /*定义3px边框在添加红色高亮边框的时候不会有位置移动的感觉*/
    border-left: 3px solid #2f4050;
}

.menu_text {
    display: flex;
    align-items:center;
    justify-content:space-between;
}

.nav_menu li:hover {
    background-color: #243644;
    cursor: pointer;
    color: #FFFFFF;
    /*改变边框的颜色*/
    border-color: #243644;
}

.sub_menu {
    margin-top: 10px;
    display: none;
}

.sub_menu li {
    display: flex;
    align-items:center;
    justify-content:space-between;
    margin-left: 30px;
    padding: 5px;
}

/*导航激活样式*/
.nav_menu_activation {
    background-color: #243644;
    color: #FFFFFF !important;
    border-left: 3px solid #FF4351 !important;
}

.nav_menu_activation .menu_text a {

    color: #FFF !important;
}

#right {
    padding: 0;
    height: 100%;

}

#right_top {
    height: 8%;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: 0px 2px 5px #888888;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

#top_left , #top_right {

    list-style: none;
    display: flex;
    align-items:center;
    justify-content: flex-start;
}

#top_left li , #top_right li {

    width: 85px;
    height: 100%;
    /*background-color: #1b6d85;*/
    text-align: center;
    font-size: 1.5em;
}

#top_left a {
    cursor:  pointer;
    text-decoration: none;
}

.nav_root_activation {
    display: block;
}

#right_content {
    background-color: #FFFFFF;
    height: 92%;
    overflow-y: auto;
    padding: 20px;
    
}

#lzfz_menu a{
    width:100%;
    color: #a7b1c2;
    text-decoration: none;
}

#lzfz_menu a:HOVER  {
    color: #FFF;
}

.breadcrumb {
    background-color: #FFF;
}

.file_image_show {
    width: 100px;
    margin: 5px;
    border: 1px solid #CCC;
}

/* ztree 树插件编辑控件宽度 */
.rename {
    width: 150% !important;
}

